
import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  Image,
  TouchableOpacity,
} from 'react-native';
export default class BottomCommonCell extends Component {
  render() {
    return (
      <TouchableOpacity>
      <View style={styles.container}>
        <View style={styles.leftViewStyle}>
          <Image source={{uri:this.props.leftIcon}} style={{width:23,height:23,marginRight:5}}/>
          <Text style={{fontSize:17}}>{this.props.leftTitle}</Text>
        </View>
        <View style={styles.rightViewStyle}>
          <Text style={{color:'gray'}}>{this.props.rightTitle}</Text>
          <Image source={{uri:'icon_cell_rightarrow'}} style={{width:8,height:13,marginRight:8,marginLeft:5}}/>
        </View>
      </View>
      </TouchableOpacity>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    height:40,
    flexDirection:'row',
    backgroundColor:'white',
    justifyContent:'space-between',
    alignItems:'center',
    borderColor:'#e8e8e8',
    borderWidth:0.5,
  },
  leftViewStyle:{
    flexDirection:'row',
    alignItems:'center',
    marginLeft:8,
  },
  rightViewStyle:{
    flexDirection:'row',
    alignItems:'center',
  }
});
